
/* ================================================================================================ */

.homepage { background:#fff; }

/* ================================================================================================ */

.hpmenu { margin:5px; overflow:hidden; border:0px solid #f00; }
.hpmenu ul:after { display:block; content:""; clear:both; }
.hpmenu ul li { display:block; width:50%; box-sizing:border-box; float:left; border:0px solid #f00; }
.hpmenu ul li div { margin:5px; border:0px solid #f00; }
.hpmenu ul li a   { display:block; width:100%; height:100%; background:#eee; border-radius:5px; text-align:center; border:0px solid #f00; }
.hpmenu ul li a img { display:block; width:40px; height:40px; margin:auto; border:0px solid #f00; }
.hpmenu ul li a p   { font:18px/40px "微软雅黑"; color:#fff; margin:0; border:0px solid #f00; }

.hpmenu ul li:nth-child(1) a { background:#B2DF7A; }
.hpmenu ul li:nth-child(2) a { background:#FE9C93; }
.hpmenu ul li:nth-child(3) a { background:#FDA670; }
.hpmenu ul li:nth-child(4) a { background:#F6D56E; }

/* ================================================================================================ */
